<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>第2章 ECharts案例</title>
		<script src="js/echarts.js"></script>
	</head>
	<body>
		<div id="product" style="width: 600px;height: 400px;">
		    <script>
			//使用echarts对象做初始化,初始化div
			   var pro = echarts.init(document.getElementById("product"));
			   var option = {
				  title:{
					  text:'第一个可视化案例 '
				  },  
				  tooltip:{},
				  legend:{
					  data:['产品销量']
					  
				  },
				  xAxis:{
					  data:['鼠标','手机','杯子','键盘']
				  },
				  tooltip:{},
				  toolbox:{
				  	show:true,
				  	feature:{
				  		mark:{show:true},
				  		dataView:{show:true,readOnly:false},
				  		magicType:{show:true,type:['line','bar']},
				  		restore:{show:true},
				  		saveAsImage:{show:true}
				  	}
				  },
				  yAxis:{},
				  series:[
					  {
						 name:'销售量',
						  type:'bar',
						  data:[200,120,300,268]
					  }
				  ]
			   };
			   pro.setOption(option);
			</script>
		</div>
	</body>
</html>
